<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>我-刘佳</title>
    <link rel="stylesheet" href="../js/jqm/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet" href="../css/public.css"/>
</head>
<body>

<!--<div data-role="header"></div>-->

<div role="main" class="page-user-main">
    <link rel="stylesheet" href="../css/user.css">

    <div class="content1">  <!--上方有背景的整体部分-->
        <div class="userImgDiv" id="userImg">    <!--用户头像DIV-->
            <img src="../images/user/header.jpg" alt="">
        </div>

        <!--<a href="#" data-role="button" data-inline="true">登陆</a>-->
        <div class="logBtn" id="logbtn">登陆</div>
    </div>


    <div class="content2">  <!--三个块 我的积分 我的收藏  我的发布-->
        <div class="content2-thereDiv" id="content2-jifen">
            <img src="../images/user/score.png" alt="">
            <p>我的积分</p>

            <div class="show-scores">   <!--显示具体的积分分数 innerHtml-->
                <p>0分</p>
            </div>

        </div>
        <div class="content2-thereDiv" id="content2-shoucang">
            <img src="../images/user/favorite.png" alt="">
            <p>我的收藏</p>

            <div class="show-favorite"> <!--显示具体的收藏文章数量 innerHtml-->
                <p>0篇</p>
            </div>
        </div>
        <div class="content2-thereDiv" id="content2-fabu">
            <img src="../images/user/publish.png" alt="">
            <p>我的发布</p>

            <div class="show-good"> <!--显示具体的 点赞数量  innerHtml-->
                <p>0个赞</p>
            </div>
        </div>
    </div>

    <div class="content3">
        <div class="textContainer">
            <p>分享好吃嘴儿<span class="iconfont">&#xe605;</span></p>
        </div>

        <div class="textContainer">
            <p>联系我们<span class="iconfont">&#xe605;</span></p>
        </div>

        <div class="textContainer">
            <p>设置<span class="iconfont">&#xe605;</span></p>
        </div>

    </div>

    <div id="page-footer" data-role="footer" data-position="fixed" class="footer">
        <div class="ui-grid-c footer-div">
            <div class="ui-block-a iconfont one">
                &#xe609;
                <div>精选</div>
            </div>
            <div class="ui-block-b iconfont two">
                &#xe61a;
                <div>新鲜</div>
            </div>
            <div class="ui-block-c iconfont three">
                &#xe626;
                <div>发现</div>
            </div>
            <div class="ui-block-d iconfont four">
                &#xe634;
                <div>我</div>
            </div>
        </div>
    </div>
    <script src="../js/library/jquery-1.12.2.js"></script>
    <script src="../js/jqm/jquery.mobile-1.4.5.js"></script>
    <script src="../js/public.js"></script>
    <script src="../js/jqm/angular1.2.3.js"></script>
    <script src="../js/user.js"></script>
</div>  <!--main部分-->

</body>
</html>